<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>百度</title>
</head>
<style>
    *{
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    .aa{
        overflow: hidden;
        margin-top: 40px;
    }
    .aa li{
        float: right;
        margin-right: 30px;
        
    }
    .aa .bb{background: rgb(28, 218, 10);}
    .cc{
        
        margin: 0px auto;
        text-align: center;
    }
    .dd{
        width: 700px;
        height: 50px;
        margin: auto;
    }
    .dd .dd1{
        width: 612px;
        height: 50px;
    }
    .dd span img{
        float: right;
    }
    .dd span p{
        float: right;
        text-align: center;    
        color: seashell;
        padding: 15px 10px;
        background: skyblue;
        height: 23.5px;    
    }
    .ee{text-align: center;
    margin-top: 250px;}
    .ee1{text-align: center;
    margin-top: 5px;}
    .f li{text-align: center;}
    .f2{   
    float: left;
    margin-left: 60px;
    }
    .f3{
       float: left;  
       margin-left: 60px;  
    }
    .f4{
       float: left;   
       margin-left: 60px;
    }
    .f5{
       float: left;   
       margin-left: 50px;
    }
    .g{text-align: center;}
    .g li{
        float: left;
        margin-top: 10px;
        margin-left: 50px;
    }
</style>
<body>
    <ul class="aa">
        <li class="bb"><a href=""> 更多产品</a></li>
        <li><a href="">设置</a></li>
        <li><a href=""> 登录</a></li>
        <li><a href=""> 贴吧地图</a></li>
        <li><a href="">视频</a></li>
        <li><a href="">地图</a></li>
        <li><a href=""> hao123</a></li>
        <li><a href=""> 新闻</a></li>
        <li class=""><a href=""> 糯米</a></li>
    </ul>
    <div class="cc"><img src="1.png" alt=""></div>
    <div class="dd">
        <span> 
            <input type="text" class="dd1">
            <p>百度一下</p> 
        </span>
        <p class="ee"> <img src="4.png" alt=""></p>
        <p class="ee1">手机百度</p>
        <ul class="f"> 
            <li class="f2"><a href="">把百度设置为主页</a></li>
            <li class="f3"><a href="">关于百度</a></li>
            <li class="f4"><a href="">About baidu</a></li>
            <li class="f5"><a href="">百度推广</a></li>    
        </ul>
        <ul class="g">
            <li>©2016baidu<a href="">sadasdasdaghjdasghjdgashjs</a><img src="3.jpg" alt=""></li>
            <li><a href="">asdasdadsadsadassdas</a><img src="5.jpg" alt=""></li>
            
        </ul>
        
    </div>
</body>
</html>